<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>轻客智能科技有限公司 | Slightech</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="css/indexmin.css" media="screen and (max-width:960px)">
		<link rel="stylesheet" type="text/css" href="css/indexone.css" />
		<link rel="stylesheet" href="css/footer.css" />
	</head>

	<body id="body">
		<div id="wrap">
			<!--头部-->
			<div id="header">
				<a href="indexone.html" class="logoa"><img src="img/logo.png" alt="" class="logoimg" /></a>
				<div class="nav" id="nav">
					<ul class="navleft">
						<li class="nav-product">产品
							<div class="drow"></div>
						</li>
						<li class="nav-help">帮助中心
							<div class="drow"></div>
						</li>
						<li class="nav-cooperation">合作
							<div class="drow"></div>
						</li>
						<li class="nav-news">
							<a href="news.html">新闻</a>
						</li>
						<li class="nav-aboutus">
							<a href="aboutUs1.html">关于我们</a>
						</li>
					</ul>
					<ul class="navright">
						<li class="nav-language">语言
							<div class="drow"></div>
						</li>
						<li class="nav-login">登录
							<div class="drow"></div>
						</li>
					</ul>
				</div>
				<div class="nav-button">
					<div class="line"></div>
					<div class="line"></div>
					<div class="line"></div>
				</div>
				<!--头部导航栏-->
				<!--产品的下拉列表-->
				<ul class="product expand">
					<li>
						<a href="" class="opbg"></a>
						<a href="productone.html" class="navtxt">
							<p>小觅防丢器</p>
						</a>
					</li>
					<li>
						<a href="" class="opbg"></a>
						<a href="producttwo.html" class="navtxt">
							<p>小觅机器人</p>
						</a>
					</li>
					<li>
						<a href="" class="opbg"></a>
						<a href="privateLife.html" class="navtxt">
							<p>私生活APP</p>
						</a>
					</li>
				</ul>
				<!--帮助中心的下拉列表-->
				<ul class="help expand">
					<li>
						<a href="" class="opbg"></a>
						<a href="help.html" class="navtxt">
							<p>小觅常见问题</p>
						</a>
					</li>
				</ul>
				<!--合作的下拉列表-->
				<ul class="cooperation expand">
					<li>
						<a href="" class="opbg"></a>
						<a href="hezuo1.html" class="navtxt">
							<p>开发者中心</p>
						</a>
					</li>
					<li>
						<a href="" class="opbg"></a>
						<a href="cooperate.html" class="navtxt">
							<p>防丢产品解决方案</p>
						</a>
					</li>
					<li>
						<a href="" class="opbg"></a>
						<a href="customize.html" class="navtxt">
							<p>企业礼品定制</p>
						</a>
					</li>
				</ul>
				<div class="language navlast">
					<div>
						<a href="">English</a>
						<a class="now" href="">中文</a>
					</div>
				</div>
				<div class="login navlast">
					<div>
						<a href="">登录</a>
						<a href="">忘记密码</a>
					</div>
				</div>
			</div>

			<!--中部-->
			<div id="content">
				<!--部分一-->
				<!--大图滚动-->
				<div class="imgrun carousel slide" id="carousel">
					<div class="carousel-inner">
						<!--内容一-->
						<div class="run-one item active">
							<img src="img/slide_mynt.png" alt="" class="img-one" />
							<img src="img/slide_reddot.png" alt="" class="img-two" />
							<h1 class="h1-one">小觅<span>®</span>智能防丢器</h1>
							<h2>拥有小觅，人狗不丢</h2>
							<h3 class="h3-one">可能是世界上最薄，最强大的智能防丢器</h3>
							<a href="" class="img-three"><img src="img/imgone.png" alt="" /></a>
						</div>
						<!--内容二-->
						<div class="run-two item">
							<div class="contentwrap">
								<h1>小觅机器人</h1>
								<h2>拥有最强大脑机器人</h2>
								<h3>SDENO</h3>
							</div>
						</div>
					</div>
					<!--分页符-->
					<ol class="carousel-indicators">
						<li data-target="#carousel" data-slide-to="0" class="active"></li>
						<li data-target="#carousel" data-slide-to="1"></li>
					</ol>
					<!--左右按钮-->
					<a class="left carousel-control" href="#carousel" data-slide="prev"></a>
					<a class="right carousel-control" href="#carousel" data-slide="next"></a>
				</div>
				<!--部分二-->
				<div class="contwo">
					<a href="">
						<div class="contentbg"></div>
						<div class="contwo-one">
							<h1 class="h1-one">小觅<span>®</span>智能防丢器</h1>
							<h3 class="h3-one">可能是世界上最薄，最强大的智能防丢器</h3>
						</div>
					</a>
				</div>
				<!--部分三-->
				<div class="conthree">
					<a href="">
						<div class="contentbg"></div>
						<div class="contwo-one">
							<h1 class="h1-one">小觅<span>®</span>机器人</h1>
							<h3 class="h3-one">可能是全球最智慧的服务机器人</h3>
						</div>
					</a>
				</div>
				<!--部分四-->
				<div class="confour">
					<a href="">
						<div class="contentbg"></div>
						<div class="contwo-one">
							<h1 class="h1-one">私生活</h1>
							<h3 class="h3-one">引领我们进入全新的健康生活方式</h3>
						</div>
					</a>
				</div>
			</div>
			<!--底部-->
			<div id="footer">
				<div class="foot-top">
					<h1>商业合作相关咨询，请发邮件给我们</h1>
					<p>输入您的邮箱并点击订阅，我们会及时推送更新和新服务</p>
					<form action="">
						<div class="emailtxt">
							<div class="emailimg"></div>
							<input type="text" placeholder="您的电子邮箱地址" class="email" />
						</div>
						<input type="button" value="订阅" class="emailbtn" />
						<div class="emailalert">
							邮箱格式不正确
						</div>
					</form>
				</div>
				<div class="foot-bottom">
					<div class="footer_menu">
						<a href="http://forum.slightech.com">社区</a>
						<a href="http://blog.slightech.com/zh">博客</a>
						<a href="https://www.slightech.com/cn/news">新闻</a>
						<a href="https://help.slightech.com/cn">帮助中心</a>
						<a href="https://www.slightech.com/cn/about">关于我们</a>
					</div>
					<div class="footer_contact">
						<a href="https://www.youtube.com/channel/UCFtU0T5H20cJUi98sq3F6dQ" target="_blank" class="youtube"></a>
						<a href="https://www.facebook.com/slightech" target="_blank" class="facebook"></a>
						<a href="https://twitter.com/Slightech" target="_blank" class="twitter"></a>
						<a href="https://weibo.com/slightech" target="_blank" class="weibo"></a>
						<a href="" class="wechat"></a>
					</div>
					<p>Copyright © 2014 - 2016 Slightech, Inc. All Rights Reserved. 苏ICP备15025307号-1</p>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.11.2.js"></script>
		<script src="js/index.js"></script>
		<script type="text/javascript" src="js/carousel.js"></script>
		<script type="text/javascript" src="js/transition.js"></script>
		<script type="text/javascript">
			var oBgs = document.querySelectorAll(".contwo-one");
			for(var i = 0; i < oBgs.length; i++) {
				oBgs[i].onmouseover = function() {
					$(this).prev().animate({
						"opacity": "0.5"
					});
				}
				oBgs[i].onmouseout = function() {
					$(this).prev().animate({
						"opacity": ""
					});
				}
			}
		</script>
	</body>

</html>